<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="full-screen" content="true" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <title>注意！进群请先行修改楼户号。</title>
    <script async="" id="beacon-aplus" src="https://d.alicdn.com/alilog/mlog/aplus/203467608.js"></script>
    <script src="assets/libs/jquery-2.1.3.min.js"></script>
    <script src="assets/libs/html2canvas.min.js"></script>

    <link rel="stylesheet" type="text/css" href="./assets/core/style.css?v=1.1.2">
    <script src="./assets/core/main.js?v=1.1.3"></script>
</head>

<body>
    <div class="tmpAvatar">
        <div class="line0"></div>
        <div class="line1">42#</div>
        <div class="line2">502</div>
        <img src="./assets/images/frame.png">
    </div>
    <div class="continer">
        <h1><img src="./assets/images/slogan.png"></h1>

        <div class="formContiner">
            <ul id="roomForm">
                <li>
                    <label>弄号</label><input type="tel" maxlength=5 name="area" id="area" value="" placeholder="多弄小区用，非必填"/>
                </li>
                <li>
                    <label>楼号</label><input type="tel" maxlength=4 name="unit" id="unit" value="42#" onKeyUp="value=value.replace(/[^\d|#abcd*@]/g,'')"/>
                </li>
                <li>
                    <label>户号</label><input type="tel" maxlength=4 name="room" id="room" value="502"  onKeyUp="value=value.replace(/[^\d|#abcd*@]/g,'')"/>
                </li>
            </ul>
            <button id="btnSubmit"><img src="./assets/images/btnSubmit.png"></button>
        </div>
 

        <div id="divAvatar">
            <img id="roomAvatar" src="./assets/images/42502.png">
            <img id="saveAvatar" src="./assets/images/save.png">
        </div>

        <div class="colorContiner">
            <ul class="tempList"></ul>
        </div>

        <div id="layGroupmaster">
            <img class="saveAvatar" src="./assets/images/save.png">
            <ul>
                <li><img src="./assets/images/gm_0.jpg"></li>
                <li><img src="./assets/images/gm_1.jpg"></li>
                <li><img src="./assets/images/gm_2.jpg"></li>
                <li><img src="./assets/images/gm_3.jpg"></li>
                <li><img src="./assets/images/gm_4.jpg"></li>
                <li><img src="./assets/images/gm_5.jpg"></li>
                <li><img src="./assets/images/gm_6.jpg"></li>
                <li><img src="./assets/images/gm_7.jpg"></li>
                <li><img src="./assets/images/gm_8.jpg"></li>
                <li><img src="./assets/images/gm_9.jpg"></li>
            </ul>

        </div>
        <div class="bottomMenu">
            <div id="mnuA" class="active"></div>
            <div id="mnuB"></div>
        </div>

    </div>

  
    <!-- 微信分享及接口 -->
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 如有问题请通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug: false,
    appId: 'wx6720459bf610c771',
    timestamp: 1650280728,
    nonceStr: 'LJS0Etlnr6EpmPAq',
    signature: '04d42e3443310d8482dd4e7418f0c99c69cd6529',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'onMenuShareTimeline',
      'onMenuShareAppMessage',
      'hideMenuItems',
      'showMenuItems',
      'hideAllNonBaseMenuItem',
      'showAllNonBaseMenuItem'
    ]
  });
</script>
    <script>
        var GlobalWxShare = {
            title: '注意！进群请先行修改楼户号。',
            desc: '魔都头像生成器，你值得拥有', // 分享描述
            link: 'https://h5.moo-e.com/roomis/',// 分享链接
            imgUrl: 'https://h5.moo-e.com/roomis/assets/images/ico-share.jpg', // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () { 
                // 用户确认分享后执行的回调函数
                //_czc.push(['_trackEvent', "分享到朋友圈", '成功', '微信','','']);
            },
            cancel: function () {
            // 用户取消分享后执行的回调函数
            }
        }

        wx.ready(function () {
            wx.onMenuShareAppMessage(GlobalWxShare);
            wx.onMenuShareTimeline(GlobalWxShare);
        });
        
    </script>

    

    <script>
    (function(w, d, s, q, i) {
    w[q] = w[q] || [];
    var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
    j.async = true;
    j.id = 'beacon-aplus';
    j.src = 'https://d.alicdn.com/alilog/mlog/aplus/' + i + '.js';
    f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'aplus_queue', '203467608');

        //集成应用的appKey
        aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['appKey', '625763f130a4f677809f62c1']
        });
        /************************以下内容为可选配置内容****************************/
        //sdk提供手动pv发送机制，启用手动pv(即关闭自动pv)，需设置aplus-waiting=MAN;
        //注意：由于单页面路由改变时不会刷新页面，无法自动发送pv，所以对于单页应用，强烈建议您关闭自动PV, 手动控制PV事件
        aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['aplus-waiting', 'MAN']
        });
        //是否开启调试模式 
        aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['DEBUG', false]
        });
        //是否指定用作计算umid的id类型，默认为cnaid，目前支持:
        //1. 微信和QQ: openid; 字节和百度 anonymousid; 支付宝 alipay_id
        //2. 微信、QQ、字节、百度平台的 unionid
        //3. 业务方自己生成的随机id uuid
        // aplus_queue.push({
        // action: 'aplus.setMetaInfo',
        // arguments: ['aplus-idtype', 'xxxx'] //取值参考见附表1
        // });
        /******************************************************************/

        
    </script>
</body>

</html>